/******code for basic styles******/
body{ 
background: url('../images/body-bg.jpg');
font:14px 'Questrial', sans-serif;
color:#191919;
}
#wrapper{
width:350px;
margin:auto;
}
a {
color:#636363;
}
a, a:visited{
text-decoration:none;
color:#636363;
}
a:hover{
text-decoration:none;
color:#4CAA00;
}
h1{
font-size:20px;
margin:20px 30px;
}
#form{ 
width:350px;
margin:80px auto;
height:290px;
position:relative;
background:#fff;
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
#smart-login{ 
margin:20px 25px;
}
#smart-login-fields input{
background: #f1f1f1 url(../images/login-sprite.png) no-repeat;
padding: 7px 15px 7px 30px;
width: 250px; 
border: 1px solid #ccc;
margin-bottom:20px;
font: 12px'Open Sans', Helvetica, Arial, sans-serif;
-moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-kthtml-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#smart-login-fields input:last-child{
margin-bottom:5px;
}
#username{
background-position: 8px -10px !important;
}
#password{
background-position: 8px -60px !important;
}
#smart-login-fields input:focus{
background-color:rgba(250,250,250,1.0);
border-color: #00EC21;
-moz-box-shadow: 0 0 0 1px #e8c291 inset;
-webkit-box-shadow: 0 0 0 1px #e8c291 inset;
box-shadow: 0 0 0 1px #e8c291 inset;
}
.password-reset{ 
font: 11px 'Open Sans', Helvetica, Arial, sans-serif;
margin-left:180px;
}
.password-reset a:link,.password-reset a:visited {
color:#4CAA00;
} 
.password-reset a:hover{ 
color:#4CAA00;
text-decoration:underline;
}
.cookie{
position:absolute;
top:220px;
}
#smart-login-actions{
position:absolute;
right:20px;
}
#smart-login-actions input{
width:70px;
height:32px;
padding:auto;
background-color:#4CAA00;
border:none;
opacity: 0.8;
transition: opacity 0.2s;
-khtml-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-webkit-transition: opacity 0.2s;
font:12px verdana;
cursor: pointer;
color:#fff;
border:none;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
margin-top:2px;
margin-right:10px;
}
@-moz-document url-prefix() {
#smart-login-actions input{
margin-top:-10px;
}
}
#smart-login-actions input:hover{
opacity:1;
}
.footer{
width:100%;
background:#000;
padding:30px 0;
color:#c5c5c5;
border-top:2px solid #191919;
position:absolute;
bottom:0px;
}

